<div id="content" class="hero-unit">
    <div class="input-append">
        <input class="input-large" id="inputFilter" type="text">
        <div class="btn-group">
            <button style="font-size: 19px" class="btn dropdown-toggle" data-toggle="dropdown">
                Buscar por
                <i class="icon-search"></i>
            </button>
            <ul class="dropdown-menu">
                <li><a href="javascript:buscar('cedula')">Cedula</a></li>
                <li><a href="javascript:buscar('nombre')">Nombre</a></li>

            </ul>
        </div>
    </div>
    <button class="btn  pull-right" onClick="form_personal();" title="Nuevo ingreso"><i class="icon-plus-sign"></i>Registrar</button>
    <table class="table table-striped" id="tablePersonal">
        <thead>
            <tr>
                <th> Cedula </th>
                <th> Nombre  </th>
                <th> Apellido </th>
                <th> Direccion </th>
                <th> Telefono </th>
            </tr>
        </thead>
    </table>
</div>
<script src="js/personal.js"></script> 